{% block sw_data_grid_column_position %}
<div class="sw-data-grid-column-position">
    {% block sw_data_grid_column_position_value %}
    <template v-if="showValue">
        <span class="sw-data-grid-column-position__value">
            {{ item[field] }}
        </span>
    </template>
    {% endblock %}

    {% block sw_data_grid_column_position_button_group %}
    <sw-button-group class="sw-data-grid-column-position__group">
        {% block sw_data_grid_column_position_button_up %}
        <mt-button
            class="sw-data-grid-column-position__arrow arrow_up"
            size="x-small"
            :disabled="disabled || itemMin"
            square
            variant="secondary"
            @click="onLowerPositionValue(item)"
        >
            {% block sw_data_grid_column_position_button_up_content %}
            <mt-icon
                name="regular-chevron-up-xs"
                size="12"
            />
            {% endblock %}
        </mt-button>
        {% endblock %}

        {% block sw_data_grid_column_position_button_down %}
        <mt-button
            class="sw-data-grid-column-position__arrow arrow_down"
            size="x-small"
            :disabled="disabled || itemMax"
            square
            variant="secondary"
            @click="onRaisePositionValue(item)"
        >
            {% block sw_data_grid_column_position_button_down_content %}
            <mt-icon
                name="regular-chevron-down-xs"
                size="12"
            />
            {% endblock %}
        </mt-button>
        {% endblock %}
    </sw-button-group>
    {% endblock %}
</div>
{% endblock %}
